Don't let lightness kill your saturation 不要讓亮度影響飽和度
在調整顏色時,有一個重要的規律:當顏色變得特別亮或特別暗時,它們會看起來不那麼鮮豔。比如說,一個顏色在中等亮度時最鮮豔,而在很亮或很暗時就會顯得比較淡。

要解決這個問題很簡單:當你把顏色調得更亮或更暗時,同時也要把它調得更鮮豔一些。這樣可以保持顏色的活力。

雖然這種變化不是特別明顯,但在設計中很重要,尤其是當你在介面上使用大片的顏色時。不過這裡有個問題:如果顏色已經調到最鮮豔(100%飽和度)了,該怎麼辦呢?
Use perceived brightness to your advantage 充分利用感知亮度
來做個小測試:你覺得黃色和藍色哪個看起來更亮?

你可能會說是黃色。有趣的是,雖然這兩種顏色在技術上的亮度值是一樣的,但我們的眼睛就是會覺得黃色更亮。

這是因為每種顏色天生就有自己的明暗感。這跟我們人眼看顏色的方式有關。實際上,我們可以用一個數學公式來計算顏色給人的明暗感:

我們把所有顏色都設定成相同的飽和度(100%)和亮度(50%),然後觀察不同顏色的樣本,這樣就能看出人眼對不同顏色的亮度感知有什麼不同。
結果很有趣:黃色看起來確實比藍色更亮。更讓人意外的是,顏色的亮度感知並不是均勻變化的。在色輪上,有三種顏色看起來特別暗(紅色、綠色和藍色),也有三種顏色看起來特別亮(黃色、青色和品紅色)。

如何運用這個知識來調整顏色呢?
Changing brightness by rotating hue 調整顏色的色相(顏色的基本色調)
一般來說,當我們想讓顏色變亮或變暗時,會直接調整亮度。但這樣做往往會讓顏色變得發白或發灰,失去原有的生動感。


原理:透過H色相微調顏色的明度感知,CMY 青色,品紅,黃方向是將顏色調亮的,而RGB 紅,綠,藍 屍僵顏色調暗的
想讓顏色變亮?把它往最近的亮色調整:
- 往60度方向(偏黃)
- 往180度方向(偏青)
- 或往300度方向(偏品紅)

想讓顏色變暗?把它往最近的暗色調整:
- 往0度方向(偏紅)
- 往120度方向(偏綠)
- 或往240度方向(偏藍)
這個技巧在處理黃色時特別有用。比如,當你想讓黃色變暗時,可以稍微往橙色方向調整,這樣顏色會顯得更溫暖自然,而不是變得灰暗。


你也可以把調整色相和調整亮度兩種方法結合使用。不過要注意,調整色相時要適度,建議不要超過20-30度,否則可能會顯得像換了一個完全不同的顏色。
